<html>
	<head>
	<link href="{{ STATIC_URL }}styles.css" rel="stylesheet" type="text/css" />
	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
	<link rel="icon" href="{{ STATIC_URL }}images/icon.ico" />
	<script type="text/javascript" src="{{ STATIC_URL }}jquery.min.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}stupidtable.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#simpleTable").stupidtable();
		});
	</script>
	</head>
<body>
<div id="headWrap">
 <div id="headpanel">
  <div id="menu">
   <ul>
    <li><a href="/">Home</a></li>
    <li><div class="gap"></div></li>
	{% if not loggedin %}
    <li><a href="/login/">Login</a></li>
	{% else %}
	<li><a href="#">Profile</a></li>
	{% endif %}
    <li><div class="gap"></div></li>
    <li><a href="/about/">About</a></li>
   </ul>
  </div>
 </div>
</div>
<div id="contentWrap">
 <div id="contentPanel">
 	<div id="leftpanel">
		<div class="buf">
		</div>
	</div>
 	<div id="middlepanel">
		{% if errors %}
			<p style="color: red;"> Incorrect information. </p>
		{% endif %}
		{% if new_reg %}
			<p style="color: green;"> Your account has been registered! </p>
		{% endif %}
		<form action="" method="post">{% csrf_token %}
			<label for="username">Username</label>
			<input type="text" name="username" value="" id="username"><br>
			<label for="password">Password</label>
			<input type="password" name="password" value="" id="password"><br>

			<button type="button" var="go" onclick="document.location='/register/';"> Register </button>
			<button type="submit"> Login </button>
			<input type="hidden" name="register" value="false" name="next" value="{{ next|escape }}"/>
		</form>
	</div>
</div>
<div id="footWrap">
 <div id="footPanel">
  <p>© Wype 2012. All Rights Reserved.</p>
 </div>
</div>
</body>
</html>
